<style lang="scss" scoped>
@import '../../style/mixin-rem.scss';
.book-case-content-isNull-tip {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-weight: 300;
  .title {
    margin-bottom: rem(30px);
  }
  .btn {
    border: rem(1px) solid #42464e;
    border-radius: rem(10px);
    padding: rem(16px) rem(30px);
  }
  .terms {
    position:absolute;
    bottom: rem(60px);
    width: 100%;
    text-align: center;
    font-size: rem(20px);
  }
}
</style>

<template>
  <div class="book-case-content-isNull-tip">
    <div class="title">暂无作品</div>
    <router-link class="btn"
      tag="div"
      to="search"
    >
      查找更多精彩作品
    </router-link>
    <div class="terms">服务声明</div>
  </div>
</template>

<script>
export default {
  name: 'bookCaseContentIsNullTip'
}
</script>
